﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="MediaMonitor.Users.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="QsfSkinManager" runat="server" ShowChooser="true" />
    <telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" EnableRoundedCorners="false" />
    <div>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="ListViewPanel1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="ListViewPanel1" LoadingPanelID="RadAjaxLoadingPanel1">
                        </telerik:AjaxUpdatedControl>
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
        </telerik:RadAjaxLoadingPanel>
        <div style="width: 880px;font-size:12px">
            <asp:Panel ID="ListViewPanel1" runat="server">
                <telerik:RadListView ID="RadListView1" DataSourceID="SqlDataSource1" runat="server"
                    ItemPlaceholderID="EmployeesContainer" DataKeyNames="CustomerID" AllowPaging="true"
                    PageSize="6">
                    <LayoutTemplate>
                        <fieldset id="FieldSet1">
                            <legend>Employees</legend>
                            <asp:PlaceHolder ID="EmployeesContainer" runat="server"></asp:PlaceHolder>
                            <div style="clear: both">
                            </div>
                            <div>
                                <div style="float: left; margin-left: 25%; ">
                                    <asp:Button runat="server" ID="btnFirst" CommandName="Page" CommandArgument="First"
                                        Text="First" Enabled="<%#Container.CurrentPageIndex > 0 %>"></asp:Button>
                                    <asp:Button runat="server" ID="btnPrev" CommandName="Page" CommandArgument="Prev"
                                        Text="Prev" Enabled="<%#Container.CurrentPageIndex > 0 %>"></asp:Button>
                                    <span style="vertical-align: middle; line-height:22px; display:inline-block; ">Page
                                        <%#Container.CurrentPageIndex + 1 %>
                                        of
                                        <%#Container.PageCount %></span>
                                    <asp:Button runat="server" ID="btnNext" CommandName="Page" CommandArgument="Next"
                                        Text="Next" Enabled="<%#Container.CurrentPageIndex + 1 < Container.PageCount %>">
                                    </asp:Button>
                                    <asp:Button runat="server" ID="btnLast" CommandName="Page" CommandArgument="Last"
                                        Text="Last" Enabled="<%#Container.CurrentPageIndex + 1 < Container.PageCount %>">
                                    </asp:Button>
                                </div>
                                <div>
                                    <span style="vertical-align: middle; font-weight: bold;line-height:22px; padding-left: 5px;">Page Size:</span>
                                    <telerik:RadComboBox runat="server" ID="cmbPageSize" OnSelectedIndexChanged="cmbPageSize_SelectedIndexChanged"
                                        AutoPostBack="true" Width="60px" SelectedValue="<%#Container.PageSize %>">
                                        <Items>
                                            <telerik:RadComboBoxItem Text="3" Value="3"></telerik:RadComboBoxItem>
                                            <telerik:RadComboBoxItem Text="6" Value="6"></telerik:RadComboBoxItem>
                                            <telerik:RadComboBoxItem Text="9" Value="9"></telerik:RadComboBoxItem>
                                            <telerik:RadComboBoxItem Text="12" Value="12"></telerik:RadComboBoxItem>
                                        </Items>
                                    </telerik:RadComboBox>
                                </div>
                            </div>
                        </fieldset>
                    </LayoutTemplate>
                    <ItemTemplate>
                        <fieldset class="fieldsetBox">
                            <legend>Company:
                                <%#Eval("CompanyName")%>
                            </legend>
                            <table cellpadding="0" cellspacing="0" width="95%">
                                <tr>
                                    <td style="width: 75%;">
                                        <table cellpadding="6" cellspacing="0">
                                            <tr>
                                                <td style="width: 25%;">
                                                    Name:
                                                </td>
                                                <td style="width: 75%">
                                                    <%#Eval("ContactName")%>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    Title:
                                                </td>
                                                <td>
                                                    <%#Eval("ContactTitle")%>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    City:
                                                </td>
                                                <td>
                                                    <%# Eval("City")%>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    Country:
                                                </td>
                                                <td>
                                                    <%# Eval("Country")%>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    Phone:
                                                </td>
                                                <td>
                                                    <%#Eval("Phone")%>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                    <td style="vertical-align: bottom; text-align: right; width: 25%;">
                                        <telerik:RadBinaryImage runat="server" ID="RadBinaryImage1" DataValue='<%# Eval("Photo") == DBNull.Value? new System.Byte[0]: Eval("Photo") %>'
                                            AutoAdjustImageControlSize="false" Width="90px" Height="110px" ToolTip='<%#Eval("ContactName", "Photo of {0}") %>'
                                            AlternateText='<%#Eval("ContactName", "Photo of {0}") %>'></telerik:RadBinaryImage>
                                    </td>
                                </tr>
                            </table>
                        </fieldset>
                    </ItemTemplate>
                </telerik:RadListView>
            </asp:Panel>
        </div>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:TelerikConnectionString %>"
            SelectCommand="SELECT [CustomerID], [CompanyName], [ContactName], [ContactTitle], [City], [Country], [Phone], [Photo] FROM [CustomerPhotos]">
        </asp:SqlDataSource>
    </div>
    </form>
</body>
</html>
